<template>
	<view class="home-products">
		<view class="module-head">
			<image class="module-head-icon" :src="iconsrc" mode="widthFix"/>
			{{title}}
		</view>
		<view class="module-body">
			<CompProductList :ProductList="value" />
		</view>
	</view>
</template>

<script>
	import CompProductList from "../Comp_ProductList/Comp_ProductList.vue"
	import { getProductList } from "@/api/Product.js"
	
	export default {
		components:{
			CompProductList
		},
		data() {
			return {
				ProductList:{}
			};
		},
		props: {
			title: {
				type: String,
				required: true
			},
			value: {
				type: Array,
				required: true,
				default:[]
			},
			iconsrc: {
				type: String,
				required: true
			},
		},
		mounted() {
			console.log("ProductList:",JSON.stringify(this.value))
		},
	}
</script>

<style lang="less" scoped>
  @import "./Module_HomeProductBox.less";
</style>
